$(function() {
				$( "#login:first" ).button({
					icons: {primary: "ui-icon-check" }
				}).click(function() {
					var div = 
						$("<div/>")
						   .append(
						      $("<label/>").text("User:")
						   )
						   .append(
						      	 $("<input/>")						   
								.attr("type","text")
								.attr("id","email")
							)
						   .append(
								$("<br/>")
						   )
						   .append(
								$("<br/>")
						   )
						    .append(
								$("<label/>").text("Password:")
							)
							.append(
								$("<input/>")							
								.attr("type","password")
								.attr("id","password")
							)
							
						  

					$(div).dialog({
						title: "Login",
						modal:true,
						height: 250,
						width: 310,
						buttons:{
							"Login": function() {
								login(
								   $("#email").val(),
									$("#password").val()
								   )
							}
						},
						close: function(){
							$(this).remove();
						}


					});
				});
				
			});